<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="https://g.alicdn.com/apsara-media-box/imp-web-player/2.25.1/skins/default/aliplayer-min.css" />  //（必须）H5模式播放器，需引用此css文件。
    <script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/apsara-media-box/imp-web-player/2.25.1/aliplayer-h5-min.js"></script>  //（必须）引入H5模式的js文件。
</head>
<body>
<div id="J_prismPlayer">
    <script>
        var player = new Aliplayer({
            id: 'J_prismPlayer',
            source: '<your play URL>', // 播放地址，使用超低延时直播（RTS）地址，协议是artc://。
            isLive: true, // 是否为直播播放。
            // rtsFallback: false, //（可选）是否开启RTS自动降级，默认为 true
            // rtsFallbackType: 'HLS', //（可选）指定降级到的协议，可选 HLS/FLV，默认是自动选择，优先选择延迟更低的FLV，如果浏览器不支持则降级到 HLS
            // rtsFallbackSource: '<your play URL>', // （可选）指定降级地址，而不是让播放器自动选择
            // rtsVersion: 'x.x.x', // （可选）可以手动指定RTS SDK的版本。
        },function(player){
            console.log('The player is created.')
        });
        // 当RTS拉流成功时触发，通过订阅该事件，可以获取到RTS TraceId。 回调函数的参数中traceId为拉流的TraceId，source为当前RTS流的播放地址。
        player.on('rtsTraceId', function(event) {
            console.log('EVENT rtsTraceId', event.paramData);
        })
        // 当RTS降级时触发，参数reason为降级的原因，fallbackUrl为降级到的地址。
        player.on('rtsFallback', function(event) {
            console.log(' EVENT rtsFallback', event.paramData);
        })
    </script>
</div>

</body>

</html>